<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE HTML>
<body>
	<div class="row border-bottom">
		<nav class="navbar navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<a class="navbar-minimalize minimalize-styl-2 btn btn-primary "
					href="#"><i class="fa fa-bars"></i> </a>
				<form role="search" class="navbar-form-custom" method="post"
					action="#">
					<div class="form-group">
						<input type="text" placeholder="Search for something..."
							class="form-control" name="top-search" id="top-search">
					</div>
				</form>
			</div>
			<ul class="nav navbar-top-links navbar-right">
				<li><span class="m-r-sm text-muted welcome-message">Welcome
						to INSPINIA+ Admin Theme.</span></li>
				<li class="dropdown"><a class="dropdown-toggle count-info"
					data-toggle="dropdown" href="#"> <i class="fa fa-envelope"></i>
						<span class="label label-warning">16</span>
				</a>
					<ul class="dropdown-menu dropdown-messages">
						<li>
							<div class="dropdown-messages-box">
								<a href="#" class="pull-left"> <img alt="image"
									class="img-circle" src="/img/test.png">
								</a>
								<div class="media-body">
									<small class="pull-right">46h ago</small> <strong>Mike
										Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
									<small class="text-muted">3 days ago at 7:58 pm -
										10.06.2014</small>
								</div>
							</div>
						</li>
						<li class="divider"></li>
						<li>
							<div class="dropdown-messages-box">
								<a href="#" class="pull-left"> <img alt="image"
									class="img-circle" src="/img/test.png">
								</a>
								<div class="media-body ">
									<small class="pull-right text-navy">5h ago</small> <strong>Chris
										Johnatan Overtunk</strong> started following <strong>Monica
										Smith</strong>. <br> <small class="text-muted">Yesterday
										1:21 pm - 11.06.2014</small>
								</div>
							</div>
						</li>
						<li class="divider"></li>
						<li>
							<div class="dropdown-messages-box">
								<a href="#" class="pull-left"> <img alt="image"
									class="img-circle" src="/img/test.png">
								</a>
								<div class="media-body ">
									<small class="pull-right">23h ago</small> <strong>Monica
										Smith</strong> love <strong>Kim Smith</strong>. <br> <small
										class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
								</div>
							</div>
						</li>
						<li class="divider"></li>
						<li>
							<div class="text-center link-block">
								<a href="#"> <i class="fa fa-envelope"></i> <strong>Read
										All Messages</strong>
								</a>
							</div>
						</li>
					</ul></li>
				<li class="dropdown"><a class="dropdown-toggle count-info"
					data-toggle="dropdown" href="#"> <i class="fa fa-bell"></i> <span
						class="label label-primary">8</span>
				</a>
					<ul class="dropdown-menu dropdown-alerts">
						<li><a href="#">
								<div>
									<i class="fa fa-envelope fa-fw"></i> You have 16 messages <span
										class="pull-right text-muted small">4 minutes ago</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li><a href="#">
								<div>
									<i class="fa fa-twitter fa-fw"></i> 3 New Followers <span
										class="pull-right text-muted small">12 minutes ago</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li><a href="#">
								<div>
									<i class="fa fa-upload fa-fw"></i> Server Rebooted <span
										class="pull-right text-muted small">4 minutes ago</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li>
							<div class="text-center link-block">
								<a href="#"> <strong>See All
										Alerts</strong> <i class="fa fa-angle-right"></i>
								</a>
							</div>
						</li>
					</ul></li>


				<li><a href="${context_ }/logOut"> <i class="fa fa-sign-out"></i>
						Log out
				</a></li>
			</ul>

		</nav>
	</div>
</body>
</html>